/*iconfont*/
@font-face {
    font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family: "iconfont" !important;
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before { content: "\e601"; }
.icon-success:before { content: "\e600"; }
.icon-gift:before { content: "\e602"; }
.icon-checked:before { content: "\e604"; }
.icon-goodscar:before { content: "\e605"; }
.icon-home:before { content: "\e606"; }
.icon-user:before { content: "\e607"; }
.icon-cart:before { content: "\e608"; }
.icon-logistics:before { content: "\e609"; }
.icon-pay:before { content: "\e60a"; }
.icon-paysuccess:before { content: "\e60b"; }
.icon-close:before { content: "\e60c"; }
.icon-payerror:before { content: "\e60d"; }
.icon-back:before { content: "\e60e"; }

/*输入框占位符字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999;
}

/*按钮禁止点击状态*/
.btnDisable{
    border: 1px solid #d6d6d6!important;
    background: #f2f2f2!important;
    color: #999!important;
}

/*清除浮动*/
.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfloat{
    zoom:1;
}

/*顶部标题栏*/
.pad-top{
    width: 100%;
    height: 3.125rem;
    border-bottom: 1px solid rgba(246, 246, 246, 1);
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.125rem;
    border-bottom: 1px solid #d6d6d6;
    background: #fff;
    z-index: 99;
}
.header .title{
    font-size: 1rem;
    color: #666;
    text-align: center;
    line-height: 3.125rem;
}
.header .head-btn{
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
}
.header .head-btn .iconfont{
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    color: #666;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.625rem 0 0 -.625rem;
}
.header .back-btn{
    position: absolute;
    left: 0;
    top: 0;
}

/*轮播图*/
.swiper{
    width: 100%;
    background: #fff;
}
.swiper .swiper-slide img{
    display: block;
    width: 100%;
}
.swiper-pagination {
    position: absolute;
    z-index: 20;
    width: 82%!important;
    text-align: right!important;
    left: 9%!important;
    bottom: .1875rem!important;
}
.swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #9c816c;
    opacity: 1;
    margin: 0 .15625rem!important;
    cursor: pointer;
    transition:linear 0.1s;
    -webkit-transition:linear 0.1s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #ea5404;
    opacity: 1;
}

/*页尾*/
.footer{
    font-size: .875rem;
    color: #AEAEAE;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
}

/*对话框*/
.dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99;
}
.dialog .cover{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
}
.dialog-box{
    width: 13.75rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5rem 0 0 -6.875rem;
    background: #fff;
    border: 1px solid #d7d7d7;
}
.dialog-box .content{
    text-align: center;
    font-size: .875rem;
    color: #666;
    line-height: 1.25rem;
    padding: 2rem 0;
}
.dialog-box .btn-box{
    display: box;
    display: -webkit-box;
    border-top: 1px solid #d7d7d7;
}
.dialog-box .btn-box .btn{
    box-flex: 1;
    -webkit-box-flex: 1;
    width: 100%;
    text-align: center;
    font-size: .875rem;
    color: #666;
    border-right: 1px solid #d7d7d7;
    height: 2rem;
    line-height: 2rem;
}
.dialog-box .btn-box .btn:last-child{
    border-right: none;
}

/*表单模块*/
.form-box{
    background: #fff;
    margin: .3125rem 0;
}
.form-box .form-item{
    display: box;
    display: -webkit-box;
    padding: 0 1.25rem;
    border-bottom: 1px solid #f6f6f6;
}
.form-box .form-item:last-child{
    border-bottom: none;
}
.form-item .item-label{
    width: 5.625rem;
    font-size: .8125rem;
    color: #666;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
.form-item .item-opt{
    box-flex: 1;
    -webkit-box-flex: 1;
    line-height: 2.8125rem;
    height: auto;
    text-align: right;
}
.form-item.remark .item-opt{
    height: 100%;
}

.form-item .item-opt .switchbtn{
    top: .625rem;
    vertical-align: top;
}
.form-item .tabs-list{
    margin-top: -2px;
}
.form-item .tabs-list a{
    display: inline-block;
    height: 1.625rem;
    line-height: 1.625rem;
    padding: 0 .75rem;
    font-size: .75rem;
    color: #999;
    border: 1px solid #d7d7d7;
    margin-left: .625rem;
}
.form-item .tabs-list a.active{
    color: #ea5404;
    border: 1px solid #ea5404;
}
.form-item .inp{
    border: none;
    background: none;
    font-size: .8125rem;
    color: #666;
    text-align: right;
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: .78125rem 0;
    display: block;
}
.form-item .txt{
    display: block;
    border: none;
    background: no-repeat;
    font-size: .8125rem;
    color: #666;
    width: 100%;
    line-height: 1.3125rem;
    padding: .75rem 0;
    text-align: right;
    resize: none;
}
.form-item .record{
    font-size: .8125rem;
    color: #999;
    text-align: right;
    width: 100%;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
.reminder{
    font-size: .625rem;
    color: #666;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 1.25rem;
}
.reminder span{
    color: #ea5404;
}

/*开关按钮*/
.switchbtn{
    display: inline-block;
    width: 2.375rem;
    height: 1.1875rem;
    padding: .1875rem;
    background: #ccc;
    border-radius: .78125rem;
    -webkit-border-radius: .78125rem;
    position: relative;
    -webkit-transition: linear .1s;
    transition: linear .1s;
}
.switchbtn.on{
    background: #33cc66;
}
.switchbtn .switchbtn-bar{
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.59375rem 0 0 -.59375rem;
    -webkit-transform: translateX(-.59375rem);
    transform: translateX(-.59375rem);
    -webkit-transition: linear .1s;
    transition: linear .1s;
}
.switchbtn.on .switchbtn-bar{
    -webkit-transform: translateX(.59375rem);
    transform: translateX(.59375rem);
}

/*单选选择器*/
.inradio{
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    opacity: 0;
}
.inradio.checked,
.inradio.nomal{
    opacity: 1;
}
.inradio .iconfont{
    font-size: 1.375rem;
}
.inradio.nomal .iconfont{
    color: #999;
}
.inradio.checked .iconfont{
    color: #ea5404!important;
}

/*孤屏页面*/
.wrap{
    width: 100%;
    height: 100%;
    position: absolute;
}
.wrap.bg-white{
    background: #fff;
}

/*条状按钮列表*/
.barbtn-list{
    width: 8.125rem;
    margin: 1rem auto 0;
}
.barbtn-list li{
    margin-bottom: 1rem;
}
.barbtn-list li a{
    display: block;
    font-size: .75rem;
    color: #ea5404;
    border: 1px solid #ea5404;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    -webkit-transition: linear .1s;
    -moz-transition: linear .1s;
    -ms-transition: linear .1s;
    -o-transition: linear .1s;
    transition: linear .1s;
}
.barbtn-list li a.less{
    color: #333;
    border: 1px solid #aaa;
}
.barbtn-list li a:active{
    background: #f5f5f5;
}

.barbtn-list-2{
    margin: 1.5rem 1.25rem 0 1.25rem;
}
.barbtn-list-2 li{
    margin-bottom: 1rem;
}
.barbtn-list-2 li a{
    display: block;
    font-size: .75rem;
    color: #ea5404;
    border: 1px solid #ea5404;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    text-align: center;
    -webkit-transition: linear .1s;
    -moz-transition: linear .1s;
    -ms-transition: linear .1s;
    -o-transition: linear .1s;
    transition: linear .1s;
}
.barbtn-list-2 li a:active{
    background: #f5f5f5;
}

.barbtn-list-3{
    width: 13rem;
    margin: 2rem auto 0;
    display: box;
    display: -webkit-box;
}
.barbtn-list-3 li{
    box-flex: 1;
    -webkit-box-flex: 1;
    margin-right: .625rem;
}
.barbtn-list-3 li:last-child{
    margin-right: 0;
}
.barbtn-list-3 li a{
    display: block;
    font-size: .75rem;
    color: #ea5404;
    border: 1px solid #ea5404;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    -webkit-transition: linear .1s;
    -moz-transition: linear .1s;
    -ms-transition: linear .1s;
    -o-transition: linear .1s;
    transition: linear .1s;
}
.barbtn-list-3 li a.fill{
    background: #ea5404;
    color: #fff;
}
.barbtn-list-3 li a:active{
    background: #f5f5f5;
}
.barbtn-list-3 li a.fill:active{
    background: #d84e04;
}


/*条状菜单*/
.menubar{
    display: box;
    display: -webkit-box;
    padding: 0 1.25rem;
    background: #fff;
    height: 3.25rem;
    line-height: 3.25rem;
    -webkit-transition: linear .1s;
    -moz-transition: linear .1s;
    -ms-transition: linear .1s;
    -o-transition: linear .1s;
    transition: linear .1s;
}
.menubar:active{
    background: #fafafa;
}
.menubar .menubar-label{
    box-flex: 1;
    -webkit-box-flex: 1;
    font-size: .8125rem;
    color: #666;
    position: relative;
}
.menubar .menubar-label span{
    position: absolute;
    right: .625rem;
    top: 0;
    font-size: .8125rem;
    color: #666;
}
.menubar .menubar-arrow{
    height: 3.125rem;
    line-height: 3.125rem;
}
.menubar .menubar-arrow span{
    font-size: .8125rem;
    color: #999;
    margin-right: .5rem;
    vertical-align: middle;
}
.menubar .menubar-arrow .iconfont{
    font-size: 1rem;
    color: #b3b3b3;
    vertical-align: middle;
}

/*收获地址*/
.receiver li{
    padding: 1.25rem;
    background: #fff;
    display: box;
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    border-bottom: 1px solid #f6f6f6;
    -webkit-transition: linear .1s;
    -moz-transition: linear .1s;
    -ms-transition: linear .1s;
    -o-transition: linear .1s;
    transition: linear .1s;
}
.receiver li:active{
    background: #fafafa;
}
.receiver li:last-child{
    border-bottom: none;
}
.receiver li .content{
    box-flex: 1;
    -webkit-box-flex: 1;
    margin-right: 1.25rem;
    height: auto;
}
.receiver li .contacts{
    font-size: .875rem;
    color: #333;
    line-height: 1.25rem;
}
.receiver li .contacts span{
    font-weight: normal;
}
.receiver li .address{
    font-size: .8125rem;
    color: #666;
    line-height: 1.25rem;
    margin-top: .625rem;
}
.receiver li .arrow{
    width: 1rem;
    height: auto;
    position: relative;
}
.receiver li .arrow .iconfont{
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #b3b3b3;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
}
.receiver li .opt{
    width: 1.375rem;
    height: auto;
    position: relative;
}
.receiver li .opt .inradio{
    position: absolute;
    top: 50%;
    margin-top: -.6875rem;
}


/*提示页面*/
.prompt-page{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -6rem;
}
.promptinfo{
    text-align: center;
}
.promptinfo dt{
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto .5rem;
}
.promptinfo .logo{
    width: 4.375rem;
    height: auto;
}
.promptinfo dt img{
    display: block;
    width: 100%;
}
.promptinfo dt .iconfont{
    font-size: 2.5rem;
    color: #999999;
}
.promptinfo dd{
    font-size: .875rem;
    color: #666;
    line-height: 1.25rem;
    margin-top: .625rem;
}


/*单页浮窗*/
.float-page{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f6f6f6;
    transform:translate3d(0px,130%,0px);
    -webkit-transform:translate3d(0px,130%,0px);
    transition: 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
    -webkit-transition: 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
}
.float-page.show{
    transform: translate3d(0px,0%,0px);
    -webkit-transform: translate3d(0px,0%,0px);
    transition: 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
    -webkit-transition: 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
}


/*对话框遮罩*/
#popup-cover{
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
}

/*校验弹窗*/
.verify-alert{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: .875rem;
    color: #fff;
    background: #f03232;
    transform:translate3d(0px,-130%,0px);
    -webkit-transform:translate3d(0px,-130%,0px);
    transition: 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
    -webkit-transition: 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
}
.verify-alert.show{
    transform: translate3d(0px,0%,0px);
    -webkit-transform: translate3d(0px,0%,0px);
    transition: 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
    -webkit-transition: 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
}


/*地址选择窗口滚动区域*/
.swiper_cont{
    height: 100%;
    position: relative;
}
.swiper_cont .swiper-slide{
    height: auto;
    padding-bottom: 3.125rem;
}
.swiper_cont_scrollbar{
    background:none;
    position:absolute;
    right:3px;
    top:0;
    height:100%;
    width:5px;
}
.swiper_cont_scrollbar .swiper-scrollbar-drag {
    background:rgba(255,255,255,0.3);
}


/*咨询客服模块*/
.service-follow{
    z-index: 100;
    position: fixed;
    right: .625rem;
    top: 50%;
    margin-top: -2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../css/images/service-follow.png) no-repeat center /100%;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
.service-popup{
    z-index: 101;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.service-popup .cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}
.service-popup .qrcode{
    position: absolute;
    left: 50%;
    top: 4rem;
    margin-left: -7rem;
    width: 14rem;
    z-index: 2;
}
.service-popup .qrcode img{
    display: block;
    width: 100%;
}
.service-popup .info{
    position: absolute;
    left: 0;
    top: 19rem;
    z-index: 2;
}
.service-popup .info h3{
    font-size: .75rem;
    color: #fff;
    line-height: 2rem;
    padding: 0 2rem;
}
.service-popup .info p{
    font-size: .5rem;
    color: #fff;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    padding: 0 2rem;
}